// pages/recommend/recommendSong.js
let startY = 0;
let moveY = 0;//手指移动的坐标
let moveDistance = 0;//手指移动的距离
const PubSub = require("pubsub-js");
var util = require("../../utils/util.js")
Page({

  /**
   * 页面的初始数据
   */
  
  data: {
    day:'',
    month:'',
    songList:[],
     // 设置过渡
     coverTransform: 'translateY(0)',
     coveTransition: '',
     index:0
  },
  getTime(){
    var date = new Date()
    this.setData({
      month:(date.getMonth()+1).toString().padStart(2,'0'),
      day:date.getDate().toString().padStart(2,'0')
    })
  },
  async getSongList(){
    let songs = await util.publicRequest("http://localhost:3000/recommend/songs")
    if(songs.code == 200){
       this.setData({
         songList:songs.data.dailySongs
       })
    }

  },

  handleTouchStart(event){
    // 保证只有松开的时候有过渡效果
    this.setData({
      coveTransition: ''
    })
    //获取手指起始坐标
    startY = event.touches[0].clientY;
  },
  handleTouchMove(event){
    // console.log(event)
    moveY = event.touches[0].clientY;
    moveDistance = moveY - startY;
    // console.log(moveDistance)
    if(moveDistance <= 0 ){
      return ;
    }else if(moveDistance >= 60){
      moveDistance =60;
    }
    // 动态更新coverTransform的状态值
    this.setData({
      coverTransform: `translateY(${moveDistance}rpx)`
    })
  },
  handleTouchEnd(){
    // 动态更新coverTransform的状态值
    this.setData({
      coverTransform: `translateY(0rpx)`,
      coveTransition: 'transform 1s linear'
    })
  },
  go2songDetail(e){
    // 获取自定义的参数
    let {song,index} = e.currentTarget.dataset;
    // 获取当前播放的歌曲的下标
    this.setData({
      index
    })

    wx.navigateTo({
      url: '../songDetail/songDetail?musicId='+song.id,
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getTime()
    this.getSongList()

    // 
    PubSub.subscribe('switchType',(msg,data)=>{
      // es6解构赋值
      let {songList,index } = this.data
      if(data === 'pre'){
        index-=1
      }else{
        index +=1
      }
      if(index===-1){
        wx.showToast({
          title: "当前歌曲无上一首",
          icon: 'none',
          duration: 2000//持续的时间
        })
        return 
      }else if (index >=songList.length){
        wx.showToast({
          title: "当前歌曲无下一首",
          icon: 'none',
          duration: 2000//持续的时间
        })
        return 
      }
      let musicId = songList[index].id
      PubSub.publish("musicID",musicId)
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})